<template>
    <view class="container px-30 py-20">
        <view class="rounded-20 mb-20 overflow-hidden px-40 bgc-ffffff">
            <uv-list padding="30rpx 00rpx">
                <uv-list-item title="手机号" :show-arrow="true" clickable>
                    <template #footer>
                        <view class="fs-20 c-cccccc">
                            手机号未绑定，可能会影响您的体验
                        </view>
                    </template>
                </uv-list-item>
                <uv-list-item :border="true" title="实名认证" right-text="未认证" clickable :show-arrow="true"></uv-list-item>
            </uv-list>
        </view>
        <view class="rounded-20 overflow-hidden px-40 bgc-ffffff">
            <uv-list padding="30rpx 00rpx">
                <uv-list-item :border="true" title="头像" clickable :show-arrow="true">
                    <template #footer>
                        <view>
                            <uv-image src="/static/logo.png" width="30" height="30" shape="circle"></uv-image>
                        </view>
                    </template>
                </uv-list-item>
                <uv-list-item :border="true" title="昵称" right-text="阳穆颜" clickable :show-arrow="true"></uv-list-item>
                <uv-list-item :border="true" title="年龄" right-text="请输入你的年龄" clickable
                    :show-arrow="true"></uv-list-item>
                <uv-list-item :border="true" title="性别" right-text="男" clickable :show-arrow="true"></uv-list-item>
                <uv-list-item title="所在地" :border="true" :show-arrow="true" clickable>
                    <template #footer>
                        <view class="fs-20 c-cccccc">
                            四川省-成都市-成华区
                        </view>
                    </template>
                </uv-list-item>

            </uv-list>
        </view>
        <view class="container__btn mt-30">
            <uv-button size="large" color="#7f72e4" text="退出登录" :customStyle="{borderRadius:'20rpx'}"></uv-button>
        </view>
    </view>
</template>
<script lang="ts" setup>

</script>
<style scoped lang="scss">
    .container {
        background-color: #f1f3ff;
        min-height: 100vh;
    }
</style>